<template>
    <view class="pages fitment-pages">
        <view class="content">
            <u-cell-group>
                <u-cell size="large" :isLink="true" url="/pages/landlord/my/info" clickable arrow-direction="right">
                    <view slot="title">
                        <text>头像</text>
                    </view>
                    <view slot="value" style="padding-right: 20px">
                        <u-avatar size="80"
                                src="https://img04.sogoucdn.com/app/a/100520093/f9d5c084396d06f6-0c7006bf1d0bb8d5-2c985d6079347b6af3cbf8d0eba61c05.jpg"></u-avatar>
                    </view>
                </u-cell>
            </u-cell-group>
            <u-gap height="15"></u-gap>
            <u-cell-group>
                <u-cell title="姓名" :isLink="true">
                    <view slot="value" style="margin: 10px">盼盼公寓</view>
                </u-cell>

                <u-cell title="联系方式" :isLink="true" @click="toBindPhonePage">
                    <view slot="value" style="margin: 10px">18937462378</view>
                </u-cell>
                <u-gap height="5"></u-gap>
                <u-cell title="我的签章" :isLink="true" @click="toMySignaturePage">
                    <view slot="value" style="margin: 10px; height: 12px"></view>
                </u-cell>
                <u-cell title="员工管理" :isLink="true">
                    <view slot="value" style="margin: 10px; height: 12px"></view>
                </u-cell>
            </u-cell-group>
        </view>
    </view>
</template>

<script>
    export default {
        name: "profile",
        methods:{
            toBindPhonePage(){
                uni.navigateTo({url:'/pages/landlord/my/bind'});
            },
            toMySignaturePage(){
                uni.navigateTo({url:'/pages/landlord/my/signature'});
            }
        }
    }
</script>

<style lang="scss" scoped>
    .pages {
        width: 100%;
        min-height: 100vh;
        /*background-color: RGBA(245, 245, 245, 1);*/
        background-color: #f3f4f6;
    }
    .content{
        /*padding: 20rpx;*/
    }

    /deep/.u-cell{
        background-color: #ffffff;
    }
</style>